<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 以上3个meta标签，必须放在前面 -->
    <title>Bootstrap 栅格系统</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- jQuery -->
    <script src="js/jquery.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件，也可以加载单个插件 -->
    <script src="js/bootstrap.min.js"></script>
    <style>

    </style>
</head>
<body>

<table class="table table-bordered table-hover">

    <tr>
        <th>编号</th>
        <th>姓名</th>
        <th>年龄</th>
    </tr>

    <tr>
        <td>001</td>
        <td>张三</td>
        <td>23</td>
    </tr>

    <tr>
        <td>002</td>
        <td>张三</td>
        <td>23</td>
    </tr>

    <tr>
        <td>003</td>
        <td>张三</td>
        <td>23</td>
    </tr>

</table>


<hr><hr><hr><hr>


<form class="form-horizontal">
    <div class="form-group">
        <label for="exampleInputEmail" class="col-sm-2 control-label">Email address</label>
        <div class="col-sm-10">
            <input type="email" class="form-control" id="exampleInputEmail" placeholder="Email">
        </div>
    </div>
    <div class="form-group">
        <label for="exampleInputPassword1" class="col-sm-2 control-label">Password</label>
        <div class="col-sm-10">
            <input type="email" class="form-control" id="exampleInputPassword1" placeholder="Password">
        </div>
    </div>
    <div class="form-group">
        <label for="exampleInputFile">File input</label>
        <input type="file" id="exampleInputFile">
        <p class="help-block">Example block-level help text here.</p>
    </div>
    <div class="checkbox">
        <label>
            <input type="checkbox"> Check me out
        </label>
    </div>
    <button type="submit" class="btn btn-default">Submit</button>
</form>





</body>
</html>